<template>
    <div class="d-flex align-center gap-xs">
      <v-btn
        variant="text"
        icon="mdi-minus"
        size="small"
        class="non-draggable"
        @click="$emit('window-action', 'minimize')"
      />
      <v-btn
        variant="text"
        :icon="isMaximized ? 'mdi-checkbox-blank-outline' : 'mdi-checkbox-blank'"
        size="small"
        class="non-draggable"
        @click="$emit('window-action', 'maximize')"
      />
      <v-btn
        variant="text"
        icon="mdi-close"
        size="small"
        class="non-draggable"
        color="red"
        @click="$emit('window-action', 'close')"
      />
    </div>
  </template>
  
  <script setup>
  defineProps(['isMaximized'])
  defineEmits(['window-action'])
  </script>